<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8"/>
	<meta name="keywords" content="Outline"/>
	<link rel="stylesheet" href="../../Shared/sty/standard.css"/>
	<script defer src="../../Shared/js/toc.js"></script>
	
	<title>Inspect the outline of a document in CotEditor on Mac</title>
</head>

<body>

<h1>Inspect the outline of a document in CotEditor on Mac</h1>

<p>The <dfn>Outline feature</dfn> in CotEditor extracts specific parts of your document based on the syntax definition and generates a structured list.</p>

<p>The generated outline appears in both the navigation bar and the inspector.</p>


<section>
<h2>Show the Outline menu</h2>

<p>The Outline menu is a pop-up menu appears in the navigation bar above the editor. It shows the nearest outline item above the insertion point. Selecting an item moves the insertion point to that location and scrolls the editor accordingly.</p>

<figure>
	<img class="bordered" srcset="../gfx/outline@2x.png 2x" alt="Screenshot of the Outline menu"/>
</figure>

<ol>
	<li><p>In the CotEditor app <img class="appicon" srcset="../../Shared/gfx/icon_32x32@2x.png 2x" alt=""/> on your Mac, open a document.</p></li>
	<li><p>Choose View &gt; Show Navigation Bar.</p></li>
</ol>
</section>


<section>
<h2>Show the Outline inspector</h2>

<p>The Outline inspector is a table of contents style list that appears in the Outline pane in the inspector. It gives you a quick overview of the document’s outline and lets you jump to the corresponding part in the editor by clicking an item in the list.</p>

<ol>
	<li><p>In the CotEditor app <img class="appicon" srcset="../../Shared/gfx/icon_32x32@2x.png 2x" alt=""/> on your Mac, open a document.</p></li>
	<li><p>Do one of the following:</p><ul>
		<li><p>Choose View &gt; Inspector &gt; Outline.</p></li>
		<li><p>Select Inspector in the document toolbar, then select the Outline pane (list icon).</p></li>
	</ul></li>
</ol>
</section>


<section>
<h2>Move among outline items in the editor</h2>

<p>To move to the position of an outline item in the editor, do one of the following:</p>

<ol>
	<li><p>Move to a specific outline item:</p><ul>
		<li><p>Select the item in the navigation bar or in the Outline inspector.</p></li>
	</ul></li>
	<li><p>Move to the previous or next outline item from the current insertion point:</p><ul>
		<li><p>Find &gt; Select Previous/Next Outline Item.</p></li>
		<li><p>Click a arrow button next to the Outline menu in the navigation bar.</p></li>
	</ul></li>
</ol>
</section>


<section>
<h2>Customize extraction rules</h2>

<p>The rules that determine which items appear in the outline and how their titles are extracted are defined per syntax. You can configure these rules in the <a href="syntax_definition.html">Syntax definition</a> &gt; <a href="syntax_outline_settings.html">Outline settings</a>.</p>
</section>


<section id="cf">
<h2>See also</h2>
<ul>
	<li><a href="pgs/syntax_overview.html">Analyze the syntax of a document in CotEditor on Mac</a></li>
	<li><a href="syntax_outline_settings.html">Define Outline extraction rules in CotEditor on Mac</a></li>
</ul>
</section>

</body>
</html>
